html{
	color:#333;
	font-size:14px;
	line-height:1.5;
	font-family:'Open Sans',X-LocaleSpecific,sans-serif
}

body{
	margin:1.5rem;
	background:url("/media/img/sandstone/bg-gradient-sky.7ea325995978.png") repeat-x,url("/media/img/sandstone/grain.855f29e0c686.png") repeat,#eee
}

a{
	color:#0096dd;
	text-decoration:none
}

a:hover,a:focus,a:active{
	color:#00539f;
	text-decoration:underline
}

h1,h2{
	margin:0;
	font-family:'Open Sans Light',X-LocaleSpecific-Light,'Open Sans',X-LocaleSpecific,sans-serif;
	font-weight:normal
}

main{
	position:relative;
	overflow:hidden
}

header,section,footer{
	box-sizing:padding-box;
	margin-top:1.5rem;
	padding:0 1.5rem
}

header h1,section h2.iconic{
	position:relative
}

header h1:before,section h2.iconic:before{
	display:block;
	position:absolute;
	top:0;
	background-image:url("20120809_143659_626.jpg.png");
	background-repeat:no-repeat;
	content:''
}
header h1:before{
	height:100px
}

header h1 span{
	display:block;
	color:#2666a6;
	font-size:2rem;
	letter-spacing:-0.1ex
}

section h2{
	font-size:1.25rem;
	line-height:1.3
}

section h2.iconic{
	display:table-cell;
	-moz-padding-start:55px;
	padding-start:55px;
	height:50px;
	vertical-align:middle
}

section h2:before{
	width:50px;
	height:50px
}

section.tip h2:before{
	background-position:0 -100px
}

section.addons h2:before{
	background-position:-50px -100px
}

section.help h2:before{
	background-position:0 -150px
}

section.blog h2:before{
	background-position:-50px -150px
}

section p{
	margin:.7em 0 0
}

section a[href$="Contributing"]:before{
	background-position:-40px -200px
}

section a.more:after{
	content:"\00A0\00BB";
	white-space:nowrap
}

[dir="ltr"] header h1:before,[dir="ltr"] section h2.iconic:before{
	left:0
}

[dir="rtl"] header h1:before,[dir="rtl"] section h2.iconic:before{
	right:0
}

@media(min-width:1024px){
	footer li{
		width:50%;
		min-width:10em
	}

	[lang|="en"] footer li{
		width:33%
	}

}

@media(min-width:800px) and (max-width:1023px){
	footer li{
		width:50%
	}

}

@media(min-width:800px){
	main>header,main>div,main>footer{
		width:50%
	}

	[dir="ltr"] main>header,[dir="ltr"] main>div:last-of-type,[dir="ltr"] main>footer,[dir="ltr"] main>footer li{
		float:left
	}

	[dir="ltr"] main>div:first-of-type{
		float:right
	}

	[dir="rtl"] main>header,[dir="rtl"] main>div:last-of-type,[dir="rtl"] main>footer,[dir="rtl"] main>footer li{
		float:right
	}

	[dir="rtl"] main>div:first-of-type{
		float:left
	}

}

@media(min-width:640px) and (max-width:799px){
	header,section{
		width:70%
	}

	footer{
		position:absolute;
		top:120px;
		width:30%
	}

	[dir="ltr"] footer{
		right:0
	}

	[dir="rtl"] footer{
		left:0
	}

}

@media(min-width:480px) and (max-width:639px){
	footer li{
		width:50%;
		min-width:10em
	}

	[lang|="en"] footer li{
		width:33%
	}

	[dir="ltr"] footer li{
		float:left
	}

	[dir="rtl"] footer li{
		float:right
	}

}

@media(min-width:480px){
	header h1{
		display:table-cell;
		-moz-padding-start:110px;
		padding-start:110px;
		height:100px;
		vertical-align:middle
	}

	header h1:before{
		width:100px
	}

}

@media(max-width:479px){
	header h1{
		padding-top:110px;
		text-align:center
	}

	header h1:before{
		width:100%;
		background-position:center top
	}

}
